<script setup>
import {ref} from "vue";

let count = ref(1);
function increase(){
  count.value++;
}
function decrease(){
  count.value--;
}
</script>

<template>
<div>
  <button @click="increase">+</button>
  <span v-text="count"></span>
<!--  {{count}}-->
  <button @click="decrease">-</button>
</div>
</template>

<style scoped>
button {
  margin: 10px;
  padding: 8px 16px;
  font-size: 16px;
  cursor: pointer;
}
</style>
